<!doctype html>
<html lang="en">
	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" type="text/css" href="./assets/lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="./assets/css/style.css">
		<title>登录</title>
	</head>
	<body class="login">
		<div class="card position-absolute position-absolute top-50 start-50 translate-middle login-card">
			<div class="card-header text-white bg-dark">登录</div>
			<div class="card-body">
				<form>
					<div class="row mb-3">
						<label for="inputEmail3" class="col-sm-2 col-form-label">账号</label>
						<div class="col-sm-10">
							<input type="email" class="form-control" id="inputEmail3">
						</div>
					</div>
					<div class="row mb-3">
						<label for="inputPassword3" class="col-sm-2 col-form-label">密码</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" id="inputPassword3">
						</div>
					</div>
					<div class="row mb-3">
						<div class="col-sm-10 offset-sm-2">
							<div class="form-check">
								<input class="form-check-input" type="checkbox" id="gridCheck1">
								<label class="form-check-label" for="gridCheck1">
									同意本网站的用户协议
								</label>
							</div>
						</div>
					</div>
					<button type="submit" class="btn btn-primary">登录</button>
				</form>
			</div>
			<div class="card-footer text-muted d-flex justify-content-between">
				<a href="./register.html" class="link-primary text-decoration-none">注册账号</a>
				<a href="#" class="link-primary text-decoration-none">忘记密码？</a>
			</div>
		</div>
		<!-- Option 1: Bootstrap Bundle with Popper -->
		<script src="./assetslib/bootstrap/js/bootstrap.bundle.min.js"></script>

	</body>
</html>
